<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">	    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
	
	<title>Bootstrap, from Twitter</title>

	<script src="js/jquery-1.9.1.js"></script>
		
    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">    
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
	<link href="css/extra.css" rel="stylesheet"> 
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    
  </head>

  <body>
 
    
    <!-- seccion de navegacion -->
    
    
    
    <div class="navbar navbar-inverse">
<div style="float:left"><img src="img/logo.png" style="height:50px"></div>
<div style="float:left"><h4 style="color:#FFFFFF">pXtreme</h4></div>


	<div class="navbar-inner">
		<div class="container-fluid">
        
			<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"><h3 style="color:#FFFFFF">pXtreme</h3></span>
			</a>
            
			<div class="nav-collapse collapse">
				<ul class="nav">
                <li class="divider-vertical"></li>
					<li><a href="#"><i class="icon-home icon-white"></i> Inicio</a></li>
										<li class="divider-vertical"></li>
                                  
					<ul class="nav">
					    <li class="dropdown">
						    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
						    <i class="icon-chevron-right icon-white"></i> Ideas						    <b class="caret"></b>						    </a>
						    <ul class="dropdown-menu">
                                            <li><a href="#"><i class="icon-minus"></i> Registrar </a></li>
                                            <li class="divider"></li>
                                            <li><a href="#"><i class="icon-minus"></i> Listado Propio</a></li>
                                            <li class="divider"></li>
                                            <li><a href="#"><i class="icon-minus"></i> Listado Invitado</a></li>
					      </ul>
					    </li>
   				  </ul>
    				
                    
                    <li class="divider-vertical"></li>
					
			  </ul>
                                    
                                    
		  <div class="btn-group pull-right">
					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						<i class="icon-user"></i> Estudiante	<span class="caret"></span>
					</a>
					<ul class="dropdown-menu">
						 
						<li><a href="#"><i class="icon-share"></i> Salir</a></li>
					</ul>
			  </div>
			</div>
			<!--/.nav-collapse -->
		</div>
		<!--/.container-fluid -->
	</div>
	<!--/.navbar-inner -->
</div>


    
    <!-- fin de navegacion -->

<div  class="_seccion">
	<span  class="titulo_seccion"> Personas</span>
</div>



<div id="container" class="container">
		<div id="content">
						
                        
<div class="row">
  <div class="span8">
  <!-- SECCIOND E REGISTRO DE FORMULARIO -->
  
<div class="row-fluid">
  <form class="form-horizontal" action="RegistrarUsuarioServlet" method="post"  >
    <fieldset>
      <div id="legend">
        <legend class="">Registrar
        
        ${RESPUESTA}
        
        
         </legend>
      </div>
 
      <!-- Name -->
      <div class="control-group">
        <label class="control-label"  for="username">Nombres</label>
        <div class="controls">
            <div class="input-prepend">
            <span class="add-on"> <i class="icon-align-justify"></i></span>		
              <input type="text" id="username" name="nombre" placeholder="" class="input-xlarge">
            </div>
         
         </div>
      </div>
 
 

      
      <!-- Card Number -->
      <div class="control-group">
        <label class="control-label" for="email">Apellido Paterno</label>
        <div class="controls">
          <div class="input-prepend">
            <span class="add-on"> <i class="icon-align-justify"></i></span>		
              <input type="text" id="username" name="paterno" placeholder="" class="input-xlarge">
            </div>
        </div>
      </div>
 
 
       <!-- Card Number -->
      <div class="control-group">
        <label class="control-label" for="email">Apellido Materno</label>
        <div class="controls">
          <div class="input-prepend">
            <span class="add-on"> <i class="icon-align-justify"></i></span>		
              <input type="text" id="username" name="materno" placeholder="" class="input-xlarge">
            </div>
        </div>
      </div>



      <div class="control-group">
        <label class="control-label" for="email">Celular</label>
        <div class="controls">
          <div class="input-prepend">
            <span class="add-on"> <i class="icon-align-justify"></i></span>		
              <input type="text" id="username" name="celular" placeholder="" class="input-xlarge">
            </div>
        </div>
      </div>
      
            
      <!-- Expiry-->
      <div class="control-group">
        <label class="control-label" for="password">Sexo</label>
        <div class="controls">
          <select class="span3" name="sexo" id="expiry_month">
          
            <option value="1">MASCULINO</option>
            <option value="2">FEMENINO</option>
 
          </select>
        </div>
      </div>
 
 
 
 
       <!-- Expiry-->
      <div class="control-group">
        <label class="control-label" for="tipo_documento">Tipo documento</label>
        <div class="controls">
          <select class="span3" name="tipo_documento" id="expiry_month">
          
            <option value="DNI">DNI</option>
            <option value="PASAPORTE">PASAPORTE</option>
 
          </select>
        </div>
      </div>
                 
      
      <!-- CVV -->
      <div class="control-group">
        <label class="control-label"  for="password_confirm">Numero Documento</label>
        <div class="controls">
          <div class="input-prepend">
            <span class="add-on"> <i class="icon-align-justify"></i></span>		
              <input type="text" id="username" name="nro_documento" placeholder="" class="input-xlarge">
            </div>
        </div>
      </div>
 
 
       <div class="control-group">
        <label class="control-label"  for="password_confirm">Correo</label>
        <div class="controls">
           <div class="input-prepend">
					 
			<span class="add-on"><i class="icon-envelope"></i></span>
				 

          		<input type="text" id="email3" name="correo" placeholder="" class="input-xlarge">
            </div>
        </div>
      </div>
      
      
      <div class="control-group">
        <label class="control-label"  for="password_confirm">Clave</label>
        <div class="controls">
          <div class="input-prepend">
            <span class="add-on"> <i class="icon-align-justify"></i></span>		
              <input type="text" id="username" name="clave" placeholder="" class="input-xlarge">
            </div>
        </div>
      </div>
   
                        
                        
      
            <!-- Expiry-->
      <div class="control-group">
        <label class="control-label" for="password">Perfil</label>
        <div class="controls">
          <select class="span3" name="perfil_idperfil" id="expiry_month">
          
            <option value="1">ADMINISTRADOR</option>
            <option value="2">PROFESOR</option>
  			<option value="3">COORDINADOR</option>
          </select>
        </div>
      </div>
      
      
      
      
      
 
 
      <!-- Submit -->
      <div class="control-group">
        <div class="controls">
          <button class="btn btn-success">Guardar</button>
          
          <button type="button" class="btn btn-danger">Cancelar</button>
          
        </div>
      </div>
 
    </fieldset>
  </form>
</div>

  <!-- FIN - SECCIOND E REGISTRO DE FORMULARIO -->
  </div>
  <div class="span4">
  <!-- SECCION DE DESCRIOCION -->
  
  <div class="alert">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Importante!</strong>
    Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit <BR><BR>Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex. Eum hinc argumentum te, no sit percipit adversarium, ne qui feugiat persecuti. Odio omnes scripserit ad est, ut vidit lorem maiestatis his, putent mandamus gloriatur ne pro. Oratio iriure rationibus ne his, ad est corrumpit sp
    .
</div>



  
  
  <!-- FIN - SECCION DE DESCRIOCION -->  
  </div>
</div>



			



 
 
 
 
		</div>
  </div>
    
    
 
    
    
<!-- /container -->
    
    
    
    <footer class="container">
		<div class="row">
			<div class="span6">
				<p>ONAGI - Sistemas y Telecomunicaciones - 2013 Â©</p>
			</div>
		</div>
	</footer>
    
    
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
<script src="js/bootstrap-affix.js"></script>
    <script src="js/bootstrap-alert.js"></script>
	<script src="js/bootstrap-button.js"></script>
	<script src="js/bootstrap-carousel.js"></script>
	<script src="js/bootstrap-collapse.js"></script>
	<script src="js/bootstrap-dropdown.js"></script>	
    <script src="js/bootstrap-modal.js"></script>
	<script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>	
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>	    
	<script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>

	
  </body>
</html>
